<template>
	<div class="header">
		<span class="text">{{name}}</span>
		<span class="num">{{total}}</span>
	</div>
</template>

<script>
export default{
	name: 'Title',
	props:{
		name:{
			type: String,
			default: '热门频道'
		},
		total:{
			type: Number,
			default: 100
		}
	}
}
</script>

<style lang="less" scoped>
.header{
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;
	.text{
		margin-right: 11px;
		font-size: 20px;
	}
	.num{
		line-height: 30px;
		font-size: 12px;
		color: var(--c9);
	}
}
</style>
